<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Chameleon Admin is a modern Bootstrap 4 webapp &amp; admin dashboard html template with a large number of components, elegant design, clean and organized code.">
    <meta name="keywords" content="admin template, Chameleon admin template, dashboard template, gradient admin template, responsive admin template, webapp, eCommerce dashboard, analytic dashboard">
    <meta name="author" content="ThemeSelect">
    <title>培训管理系统</title>
    <link rel="apple-touch-icon" href="theme-assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="theme-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i%7CComfortaa:300,400,700" rel="stylesheet">
    <link href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css" rel="stylesheet">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="theme-assets/vendors/css/charts/chartist.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN CHAMELEON  CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/app-lite.css">
    <!-- END CHAMELEON  CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/colors/palette-gradient.css">
    <link rel="stylesheet" type="text/css" href="theme-assets/css/pages/dashboard-ecommerce.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <!-- END Custom CSS-->
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click" data-menu="vertical-menu" data-color="bg-chartbg" data-col="2-columns">

<!-- fixed-top-->
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-light">
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="collapse navbar-collapse show" id="navbar-mobile">
                <ul class="nav navbar-nav mr-auto float-left">
                    <li class="nav-item d-block d-md-none"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ft-menu"></i></a></li>
                    <li class="nav-item d-none d-md-block"><a class="nav-link nav-link-expand" href="#"><i class="ficon ft-maximize"></i></a></li>
                </ul>
                <ul class="nav navbar-nav float-right">
                    <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon ft-mail">             </i></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><i class="ft-book"></i> Read Mail</a><a class="dropdown-item" href="#"><i class="ft-bookmark"></i> Read Later</a><a class="dropdown-item" href="#"><i class="ft-check-square"></i> Mark all Read       </a></div>
                        </div>
                    </li>
                    <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">             <span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><i></i></span></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><span class="user-name text-bold-700 ml-1">超级管理员</span></span></a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-user"></i> 编辑信息</a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-power"></i> 退出登录</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!-- ////////////////////////////////////////////////////////////////////////////-->


<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true" data-img="theme-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="需求填报.html"><img class="brand-logo" alt="Chameleon admin logo" src="theme-assets/images/logo/logo.png"/>
                <h3 class="brand-text">培训管理系统</h3></a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <!--            <li class=" nav-item"><a href="需求填报.html"><i class="ft-layers"></i><span class="menu-title" data-i18n="">需求填报</span></a>-->
            <!--            </li>-->
            <!--            <li class=" nav-item"><a href="需求管理.html"><i class="ft-box"></i><span class="menu-title" data-i18n="">需求管理</span></a>-->
            <!--            </li>-->
            <li class=" nav-item"><a href="首页.html"><i class="ft-monitor"></i><span class="menu-title" data-i18n="">首页</span></a>
            </li>
            <li class=" nav-item"><a href="年度计划.html"><i class="ft-check-circle"></i><span class="menu-title" data-i18n="">年度计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划.html"><i class="ft-layout"></i><span class="menu-title" data-i18n="">培训计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划审核.html"><i class="ft-check-square"></i><span class="menu-title" data-i18n="">培训计划审核</span></a>
            </li>
            <li class=" nav-item"><a href="报名人员审核.html"><i class="ft-user-check"></i><span class="menu-title" data-i18n="">报名人员审核</span></a>
            </li>
            <li class=" nav-item"><a href="我的课程.html"><i class="ft-calendar"></i><span class="menu-title" data-i18n="">我的课程</span></a>
            </li>
            <li class=" nav-item"><a href="师资库.html"><i class="ft-user"></i><span class="menu-title" data-i18n="">师资库</span></a>
            </li>
            <li class=" nav-item"><a href="题库.html"><i class="ft-package"></i><span class="menu-title" data-i18n="">题库</span></a>
            </li>
            <li class=" nav-item"><a href="问卷调查管理.html"><i class="ft-clipboard"></i><span class="menu-title" data-i18n="">问卷调查管理</span></a>
            </li>
        </ul>
    </div>
    <div class="navigation-background"></div>
</div>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
        </div>
        <div class="content-body"><!-- Chart -->
            <div class="row match-height">
                <div class="col-12">
                    <div id="carousel-area" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-area" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-area" data-slide-to="1"></li>
                            <li data-target="#carousel-area" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner" role="listbox">
                            <div class="carousel-item active">
                                <img src="theme-assets/images/backgrounds/banner.jpg" class="d-block w-100" alt="First slide">
                            </div>
                            <div class="carousel-item">
                                <img src="theme-assets/images/backgrounds/banner.jpg" class="d-block w-100" alt="Second slide">
                            </div>
                            <div class="carousel-item">
                                <img src="theme-assets/images/backgrounds/banner.jpg" class="d-block w-100" alt="Third slide">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carousel-area" role="button" data-slide="prev">
                            <span class="la la-angle-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carousel-area" role="button" data-slide="next">
                            <span class="la la-angle-right icon-next" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- Chart -->
            <!-- eCommerce statistic -->
            <div class="row mt-1">
                <div class="col-xl-4 col-lg-6 col-md-12">
                    <div class="card pull-up ecom-card-1 bg-white">
                        <div class="card-content ecom-card2 height-180">
                            <h5 class="text-muted danger position-absolute p-1">年度培训计划分类</h5>
                            <div>
                                <i class="ft-trending-up danger font-large-1 float-right p-1"></i>
                            </div>
                            <div class="progress-stats-container ct-golden-section height-75 position-relative pt-3  ">
                                <div id="progress-stats-bar-chart"></div>
                                <div id="progress-stats-line-chart" class="progress-stats-shadow"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-12">
                    <div class="card pull-up ecom-card-1 bg-white">
                        <div class="card-content ecom-card2 height-180">
                            <h5 class="text-muted info position-absolute p-1">培训考核通过率</h5>
                            <div>
                                <i class="ft-pie-chart info font-large-1 float-right p-1"></i>
                            </div>
                            <div class="progress-stats-container ct-golden-section height-75 position-relative pt-3">
                                <div id="progress-stats-bar-chart1"></div>
                                <div id="progress-stats-line-chart1" class="progress-stats-shadow"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-12">
                    <div class="card pull-up ecom-card-1 bg-white">
                        <div class="card-content ecom-card2 height-180">
                            <h5 class="text-muted warning position-absolute p-1">各单位报名人数</h5>
                            <div>
                                <i class="ft-user warning font-large-1 float-right p-1"></i>
                            </div>
                            <div class="progress-stats-container ct-golden-section height-75 position-relative pt-3">
                                <div id="progress-stats-bar-chart2"></div>
                                <div id="progress-stats-line-chart2" class="progress-stats-shadow"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ eCommerce statistic -->
            <!-- Statistics -->
            <div class="row match-height">
                <div class="col-xl-4 col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title" id="heading-multiple-thumbnails">培训对象分类</h4>
                            <a class="heading-elements-toggle">
                                <i class="la la-ellipsis-v font-medium-3"></i>
                            </a>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定. </p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-12">
                    <div class="card">
                        <div class="card-content">
                            <div class="card-body">
                                <h4 class="card-title">热门培训主题</h4>
                                <div class="card-body" style="padding-left: 0; padding-top: 0;">
                                    <a href="#" class="card-link">技能类</a>
                                    <a href="#" class="card-link">管理类</a>
                                </div>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定. </p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                                <p class="card-text">内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定内容暂定.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">近期开班</h4>
                            <a class="heading-elements-toggle">
                                <i class="fa fa-ellipsis-v font-medium-3"></i>
                            </a>
                            <div class="heading-elements">
                                <ul class="list-inline mb-0">
                                    <li>
                                        <a data-action="reload">
                                            <i class="ft-rotate-cw"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div id="recent-buyers" class="media-list">
                                <a href="#" class="media border-0">
                                    <div class="media-body w-100">
                            <span class="list-group-item-heading">2025年智能变电站值班员专项培训班(一期)

                            </span>
                                        <ul class="list-unstyled users-list m-0 float-right">
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="班主任：张老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-7.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="副班：李老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-8.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="培训讲师：赵老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-9.png"
                                                     alt="Avatar">
                                            </li>
                                        </ul>
                                        <p class="list-group-item-text mb-0">
                                            <span class="blue-grey lighten-2 font-small-3"> 2025年3月25日 至 2025年4月25日 </span>
                                        </p>
                                    </div>
                                </a>
                                <a href="#" class="media border-0">
                                    <div class="media-body w-100">
                            <span class="list-group-item-heading">2025年智能变电站值班员专项培训班(一期)

                            </span>
                                        <ul class="list-unstyled users-list m-0 float-right">
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="班主任：张老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-7.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="副班：李老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-8.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="培训讲师：赵老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-9.png"
                                                     alt="Avatar">
                                            </li>
                                        </ul>
                                        <p class="list-group-item-text mb-0">
                                            <span class="blue-grey lighten-2 font-small-3"> 2025年3月25日 至 2025年4月25日 </span>
                                        </p>
                                    </div>
                                </a>
                                <a href="#" class="media border-0">
                                    <div class="media-body w-100">
                            <span class="list-group-item-heading">2025年智能变电站值班员专项培训班(一期)

                            </span>
                                        <ul class="list-unstyled users-list m-0 float-right">
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="班主任：张老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-7.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="副班：李老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-8.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="培训讲师：赵老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-9.png"
                                                     alt="Avatar">
                                            </li>
                                        </ul>
                                        <p class="list-group-item-text mb-0">
                                            <span class="blue-grey lighten-2 font-small-3"> 2025年3月25日 至 2025年4月25日 </span>
                                        </p>
                                    </div>
                                </a>
                                <a href="#" class="media border-0">
                                    <div class="media-body w-100">
                            <span class="list-group-item-heading">2025年智能变电站值班员专项培训班(一期)

                            </span>
                                        <ul class="list-unstyled users-list m-0 float-right">
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="班主任：张老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-7.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="副班：李老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-8.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="培训讲师：赵老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-9.png"
                                                     alt="Avatar">
                                            </li>
                                        </ul>
                                        <p class="list-group-item-text mb-0">
                                            <span class="blue-grey lighten-2 font-small-3"> 2025年3月25日 至 2025年4月25日 </span>
                                        </p>
                                    </div>
                                </a>
                                <a href="#" class="media border-0">
                                    <div class="media-body w-100">
                            <span class="list-group-item-heading">2025年智能变电站值班员专项培训班(一期)

                            </span>
                                        <ul class="list-unstyled users-list m-0 float-right">
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="班主任：张老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-7.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="副班：李老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-8.png"
                                                     alt="Avatar">
                                            </li>
                                            <li data-toggle="tooltip" data-popup="tooltip-custom" data-original-title="培训讲师：赵老师" class="avatar avatar-sm pull-up">
                                                <img class="media-object rounded-circle no-border-top-radius no-border-bottom-radius" src="theme-assets/images/portrait/small/avatar-s-9.png"
                                                     alt="Avatar">
                                            </li>
                                        </ul>
                                        <p class="list-group-item-text mb-0">
                                            <span class="blue-grey lighten-2 font-small-3"> 2025年3月25日 至 2025年4月25日 </span>
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="card-body">
                            <a href="#" class="card-link">查看更多</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ Statistics -->
        </div>
    </div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->


<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">2025  &copy; Copyright </span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item"><a class="my-1" href="#"> 技术支持：XXXXX</a></li>
        </ul>
    </div>
</footer>

<!-- BEGIN VENDOR JS-->
<script src="theme-assets/vendors/js/vendors.min.js" type="text/javascript"></script>
<!-- BEGIN VENDOR JS-->
<!-- BEGIN PAGE VENDOR JS-->
<script src="theme-assets/vendors/js/charts/chartist.min.js" type="text/javascript"></script>
<!-- END PAGE VENDOR JS-->
<!-- BEGIN CHAMELEON  JS-->
<script src="theme-assets/js/core/app-menu-lite.js" type="text/javascript"></script>
<script src="theme-assets/js/core/app-lite.js" type="text/javascript"></script>
<!-- END CHAMELEON  JS-->
<!-- BEGIN PAGE LEVEL JS-->
<script src="theme-assets/js/scripts/pages/dashboard-lite.js" type="text/javascript"></script>
<!-- END PAGE LEVEL JS-->
</body>
</html>
